<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="css/aui.css" />
		<link href="css/style.css" rel="stylesheet" />
		<style>
			.aui-segmented-control {
				border: 0;
				border-bottom: 1px solid #eee;
			}
			
			.aui-segmented-control .aui-control-item.aui-active {
				background: transparent;
				color: #333;
				font-weight: bold;
				font-size: 15px;
			}
			
			.aui-segmented-control .aui-control-item {
				border: 0;
				color: #999;
				font-size: 14px
			}
			
			.aui-segmented-control .aui-control-item span {
				font-size: 12px;
			}
		</style>

	</head>

	<body>
		<header class="aui-bar aui-bar-nav aui-bar-nav-search aui-text-default aui-background-transparent">

			<a class="aui-pull-left aui-btn" onclick="window.history.back()">
				<span class="aui-iconfont aui-icon-left aui-font-size-16 aui-font-weight"></span>
			</a>
			<div class="aui-title aui-text-white aui-font-size-14 aui-font-weight">新概念作文第一册</div>
		</header>
		<div class="aui-content aui-position-ser-fixed aui-background-white">
			<div class="aui-position-relative">
				<div class="aui-clear-both aui-display-flex aui-padded-l-10 aui-padded-r-10 aui-padded-t-15 aui-padded-b-15">
					<div class="aui-position-relative aui-pull-left aui-clear-both" style="width: 7rem;">
						<img src="images/english.jpg" alt="" class="aui-lesson-img" />
						<p class="aui-position-absolute aui-width-one aui-listen-num"><img src="images/ear.png" />34.9万</p>
					</div>
					<div class="aui-pull-left aui-lesson-detail">
						<p class="aui-lesson-title aui-font-size-14"><span>连载中</span>新概念作文第一册 英语 人教版专用</p>
						<p class="aui-use-class">人教版 | 小学三年级</p>
						<p class="aui-origion"><img src="images/teacher.jpg" />李明老师</p>
					</div>
				</div>
				<div>
					<div id="segmentedControl" class="aui-tab aui-segmented-control aui-border-bottom">
						<a class="aui-tab-item  aui-active" href="javascript:void(0)">简介</a>
						<a class="aui-tab-item " href="javascript:void(0)">节目</a>
						<a class="aui-tab-item" href="javascript:void(0)">评价 <span class="aui-font-size-12">(58)</span></a>
					</div>
					<div>
						<!--简介-->
						<div id="item1" class="aui-tab-page">
							11
						</div>
						<!--节目-->
						<div class="aui-tab-page aui-hide">
							<div class="lessonList">
								<ul>
									<li>
										<a href="detailRedio.html">
											<span class="aui-text-gray">15</span>
											<div class="aui-lesson-uint">
												<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
												<div class="aui-font-size-12">
													<span>17.7万</span>
													<span>04:02</span>
													<span>47</span>
												</div>
											</div>
											<div class="aui-text-gray aui-text-center aui-font-size-12">
												2019/11/15
												<p>
													<span class="aui-try-radio aui-try-before">试听</span>
												</p>
											</div>
										</a>
									</li>
									<li>
										<a href="detailRedio.html">
											<span class="aui-text-gray">15</span>
											<div class="aui-lesson-uint">
												<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
												<div class="aui-font-size-12">
													<span>17.7万</span>
													<span>04:02</span>
													<span>47</span>
												</div>
											</div>
											<div class="aui-text-gray aui-text-center aui-font-size-12">
												2019/11/15
												<p>
													<span class="aui-try-radio aui-try-before">试听</span>
												</p>
											</div>
										</a>
									</li>
									<li>
										<a href="detailRedio.html">
											<span class="aui-text-gray">15</span>
											<div class="aui-lesson-uint">
												<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
												<div class="aui-font-size-12">
													<span>17.7万</span>
													<span>04:02</span>
													<span>47</span>
												</div>
											</div>
											<div class="aui-text-gray aui-text-center aui-font-size-12">
												2019/11/15
												<p>
													<span class="aui-try-radio aui-try-before">试听</span>
												</p>
											</div>
										</a>
									</li>
									<li>
										<a href="detailRedio.html">
											<span class="aui-text-gray">15</span>
											<div class="aui-lesson-uint">
												<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
												<div class="aui-font-size-12">
													<span>17.7万</span>
													<span>04:02</span>
													<span>47</span>
												</div>
											</div>
											<div class="aui-text-gray aui-text-center aui-font-size-12">
												2019/11/15
												<p>
													<span class="aui-try-radio aui-padded-l-10">购买</span>
												</p>
											</div>
											
										</a>
									</li>
									<li>
										<a href="detailRedio.html">
											<span class="aui-text-gray">15</span>
											<div class="aui-lesson-uint">
												<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
												<div class="aui-font-size-12">
													<span>17.7万</span>
													<span>04:02</span>
													<span>47</span>
												</div>
											</div>
											<span class="aui-text-gray aui-font-size-12">2019/11/15</span>
										</a>
									</li>
									<li>
										<a href="detailRedio.html">
											<span class="aui-text-gray">15</span>
											<div class="aui-lesson-uint">
												<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
												<div class="aui-font-size-12">
													<span>17.7万</span>
													<span>04:02</span>
													<span>47</span>
												</div>
											</div>
											<span class="aui-text-gray aui-font-size-12">2019/11/15</span>
										</a>
									</li>
									<li>
										<a href="detailRedio.html">
											<span class="aui-text-gray">15</span>
											<div class="aui-lesson-uint">
												<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
												<div class="aui-font-size-12">
													<span>17.7万</span>
													<span>04:02</span>
													<span>47</span>
												</div>
											</div>
											<span class="aui-text-gray aui-font-size-12">2019/11/15</span>
										</a>
									</li>
									<li>
										<a href="detailRedio.html">
											<span class="aui-text-gray">15</span>
											<div class="aui-lesson-uint">
												<div class="aui-unit-title aui-margin-b-5">第一章 怎样更加活泼的描绘风景</div>
												<div class="aui-font-size-12">
													<span>17.7万</span>
													<span>04:02</span>
													<span>47</span>
												</div>
											</div>
											<div class="aui-text-gray aui-font-size-12">2019/11/15</div>
										</a>
									</li>

								</ul>
							</div>
						</div>
						<!--评价-->
						<div class="aui-tab-page aui-hide">
							<div class="lessonList">
								<ul>
									<li>
										<div class="aui-lesson-uint aui-clear-both aui-width-one" style="display: flex;">
											<img src="images/teacher.jpg" alt="" class="aui-user-write aui-pull-left" />
											<div class="aui-pull-left aui-width-one">
												<div class="aui-unit-title aui-margin-b-5">听友15555555 </div>
												<div class="aui-font-size-12">5星</div>
												<div class="aui-font-size-12 aui-clear-both">
													18小时前
													<span class="aui-pull-right">赞(0)</span><span class="aui-pull-right aui-margin-r-10">评论(10)</span>
												</div>
											</div>
										</div>

									</li>
								</ul>
							</div>
						</div>
						
					</div>
					<div class="aui-foot-height"></div>
				</div>
			</div>
		</div>
		<div class="aui-pay-class aui-width-one aui-text-center aui-position-fixed aui-font-size-18 aui-font-weight aui-text-white" style="line-height:2rem;bottom: 0;background: #ffc107;">
			购买
		</div>
		<div class="aui-item-content aui-pay-toggle aui-hide" style="z-index: 10;">
			<div>
				<div class="aui-text-center aui-item-pay">
					<div class="aui-position-relative">
						<span class="aui-position-absolute aui-close-btn" style="right: 8px;top: 5px;">
							<i class="aui-iconfont aui-icon-close"></i>
						</span>
						<img src="images/itembuy.jpg" alt="" />
						<p class="aui-font-size-20 aui-font-weight">您需支付：200元</p>
						<ul class="aui-pay-ul">
							<li>您所选购的课程价格以您选购当时网站上的价格为准。</li>
							<li>自即日起，你在本站购买的所有课程均可终身有效</li>
							<li>教师或单位购买，教师加入VIP会员，我们赠送全套教学课件</li>
						</ul>
					</div>
					<div class="aui-margin-b-15" style="margin-top: 1.5rem;">
						<p class="aui-pay-btn"><img src="images/alipay.jpg" alt="" /></p>
						<p class="aui-pay-btn aui-margin-b-10"><img src="images/wepay.jpg" alt="" /></p>
						
					</div>
				</div>
			</div>
		</div>
		
		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/index.js"></script>
		<script>
			tabs(".aui-tab-item", ".aui-tab-page");
			$(window).scroll(function() {
				if($(this).scrollTop() >= 20) {
					$('#segmentedControl').addClass('fixed-top')

				} else {
					$('#segmentedControl').removeClass('fixed-top')

				}
			})
			$('.aui-pay-class').click(function(){
				$('.aui-pay-toggle').fadeIn('fast')
			})
			$('.aui-text-show').click(function(){
				$('.aui-pay-toggle').fadeOut('fast')
			})
			$('body').on('click','.aui-close-btn',function(){
				$('.aui-pay-toggle').fadeOut('fast')
			})
		</script>
	</body>

</html>